{extend name="index_layout"/}
{block name="main"}
<div class="layui-card">
    <div class="layui-card-header">快递公司列表</div>
    <div class="layui-card-body">
        <div class="layui-form">
            <table class="layui-hide" id="currentTable" lay-filter="currentTable"
                   data-auth-add="{:$auth->check('order.refund/add')}"
                   data-auth-edit="{:$auth->check('order.refund/edit')}"
                   data-auth-delete="{:$auth->check('order.refund/del')}"></table>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/html" id="picTpl">
    <img style="max-width:100px; max-height:60px;" src="{{d.img_url}}" data-image="{{d.name}}">
</script>

<script type="text/html" id="barTool">

    <a class="layui-btn layui-btn-xs" data-open='{:url("edit")}?id={{ d.id }}' data-title="编辑内容"
       data-full="true">编辑</a>
 
    <a href='{:url("del",["catid"=>$catid])}?ids={{ d.id }}'
       class="layui-btn layui-btn-danger layui-btn-xs layui-tr-del">删除</a>
 

</script>

<script type="text/html" id="statusTpl">
    <input type="checkbox" name="status" data-href='{:url("setstate")}?id={{d.id}}' value="{{d.id}}"
           lay-skin="switch"
           lay-text="启动|关闭" lay-filter="switchStatus" {{ d.status==1 ? 'checked' : '' }}>
</script>

<script type="text/javascript">
    layui.use('yznTable', function () {
        var table = layui.yznTable;

        var init = {
            table_elem: '#currentTable',
            table_render_id: 'currentTable',
            add_url: '{:url("add")}',
            edit_url: '{:url("edit")}',
            delete_url: '{:url("del")}',
        };

        table.render({
            init: init,
            toolbar: ['refresh', 'add'],
            url: '{:url("index")}',
            search: false,
            cols: [
                [
                    //名称 水票背景图 所属商品分类 所属商品

                    {field: 'id', Width: 80,align: "center", title: 'ID'},
                    {field: 'name', Width: 100,   align: "center", title: '名称', searchOp: 'like'},
                    {field: 'code', Width: 100,   align: "center", title: '公司编号', searchOp: 'like'},
                    // {field: 'img_url',Width:200, align: "center", title: '图片', templet: '#picTpl'},
                    {
                        field: 'status',
                        Width: 100,
                        align: "center",
                        title: '状态',
                        templet: '#statusTpl',
                        unresize: true,
                        selectList: {0: '待审核', 1: '通过'}
                    },
                    {fixed: 'right', Width: 120,align: "center", title: '操作', toolbar: '#barTool'}
                ]
            ],
            page: {}
        });

        yznTable.bindevent();
        // function showUpdateNotification() {
        //     layer.msg('数据已更新！', {icon: 1, time: 2000}); // 使用 Layer 显示提示信息
        //     table.render({
        //         init: init,
        //         toolbar: ['refresh', 'add'],
        //         url: '{:url("index")}',
        //         search: false,
        //         cols: [
        //             [
        //                 //名称 水票背景图 所属商品分类 所属商品
        //
        //                 {field: 'id', Width: 80,align: "center", title: 'ID'},
        //                 {field: 'name', Width: 100,   align: "center", title: '名称', searchOp: 'like'},
        //                 // {field: 'img_url',Width:200, align: "center", title: '图片', templet: '#picTpl'},
        //                 {
        //                     field: 'status',
        //                     Width: 100,
        //                     align: "center",
        //                     title: '状态',
        //                     templet: '#statusTpl',
        //                     unresize: true,
        //                     selectList: {0: '待审核', 1: '通过'}
        //                 },
        //                 {fixed: 'right', Width: 120,align: "center", title: '操作', toolbar: '#barTool'}
        //             ]
        //         ],
        //         page: {}
        //     });
        // }
        // setInterval(showUpdateNotification, 600); // 每60秒更新一次数据
    });


</script>
{/block}